{include file=$header_start}
{strip}
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/dashboard.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="{$siteroot}/includes/js/admin/ajax.js" type="text/javascript" ></script>

{/strip}
{literal}
<script>
	jQuery(document).ready(function(){
		$( "#btn_back" ).click(function(){
			window.location.href=SITEROOT + '/myaccount/serviceslist/';
		});	
		
		$("#btn_remove").click(function(){
			var flag = false;
			$(".listservices").each(function(ind,el){
				if($(el).is(':checked'))
					flag = true;
			});	
			if(flag)
			{
				$("#ServicesList").attr('action',SITEROOT + '/myaccount/servicesconfirm/');
				$("#ServicesList").submit();
			}
			else
			{
				alert("Please select at least of one trade category");
				return false;	
			}
			
		});		
	});
</script>

{/literal}

{include file=$header_end}

<body></body>
   <!-- MIDDLE CONTAIN GOES HERE -->
<section class="middle_portion">
	<section class="inner_head">Dashboard</section>
    <section class="inner_containstart">
    	<!-- dashboard Left Content Start -->
        	{include file=$cms_left_content}
        <!-- dashboard Left Content End -->
        <!-- dashboard Right Content Start -->
        	<section class="dash_right">            	                
            {if $msg}<span style="padding:10px">{$msg}</span>{/if}
            	<section class="title_box">
                   <span class="lF"> <h4>My Service & location</h4></span> <!--<span class="rF" style="padding-top:10px;" >"Want to add more Trade Category? Update your Trade Category and Job Type – <a href="{$siteroot}/myaccount/mytradecategory/">click here</a>" </span>-->
         
                    <section class="clear"></section>
                </section>
               
                
                <form method="post" action="{$siteroot}/myaccount/paymentmethod/" name="ServicesList" id="ServicesList"   class="regist_form">
                 <p>
                	<h3 style="font-size:16px;">Your trades </h3>               
                </p>
                
                  	<div class="usercats" style="margin:20px 0 50px;">
                    	<div id="accordion">
                        
                            <table cellpadding="0" cellspacing="0" width="100%" class="table_viewbox">
                                <thead>
                                    <tr>
                                        <th width="10">#</th>
                                        <th>Trade Name</th>
                                        <th width="200" style="text-align:center;">Job Type</th>
                                        <th width="100" style="text-align:center;">Expiry time</th>
                                        <th width="50" style="text-align:right;">Price</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    {section name=i loop=$subcats}
                                    <tr>
                                        <td><input class="listservices" type="checkbox" value="{$subcats[i].id}"  name="subcat[]"/></td>
                                        <td>{$subcats[i].trade_category}</td>
                                        <td>{$subcats[i].jobtype}</td>                                        
                                        <td style="text-align:center;">{$subcats[i].expired_time} months</td>
                                        <td style="text-align:right;">${$subcats[i].price}</td>
                                     </tr>
                                    {/section}
                                   <tr>
                                        <td colspan="4" style="text-align:right;"><strong>Total</strong></td>
                                        <td style="text-align:right;">${$subtotal}</td>
                                     </tr>
                                </tbody>
                            </table>        	
                            
                        </div>
                        
                        <table cellpadding="0" cellspacing="0" width="100%" border="0">
                            <tr>
                               <td align="left" width="50%"><input type="button" class="org_btn admore" value="Remove" id="btn_remove" /></td>
                                <td align="right"><input type="button" class="blue_btn rF" value="Back"  name="back" id="btn_back" /></td>
                                <td align="right" width="70"><input type="submit" class="blue_btn rF" value="Next"  name="btnstep3" id="btn_next" /></td>
                            </tr>
                      </table>
                    </div>
                  
                </section>
                <input type="hidden" name="traderemove" value="1"/>
                </form> 
            </section>
        <!-- dashboard Right Content End -->
        	<section class="clear"></section>
    </section>
</section>
{include file=$footer}
